@CHARSET "ISO-8859-1";

body {
	background-color:  rgba(255,228,196,0.5);
        display: block;
        margin: 0;
        width: 99.9%;
}



header {
        height:  150px;
        background: url("../images/header-gradient.png") repeat-x, #8bf;
	position:relative;
        width: 100%;
        
	
	-moz-box-shadow:0px 0px 40px black;
	-webkit-box-shadow:0px 0px 40px black;
	box-shadow:0px 0px 500px black;
	
	border-bottom:4px solid #7af;
	color:white;
        display: block;
        /*
        background-color: rgb(192,192,192);
	border-top : 2px black solid;
        border-bottom: 1px black solid;
	border-right : 2px black solid;
	border-left : 2px black solid;
	border-radius : 32px 32px 0px 0px ;
        width: 100%;
        display: block; */
}
#site_title {
        margin-top: 0px;
	font-size: 2em;
	font-weight: bold;
	width:800px;
}
#connexion{
    
    padding-left: 20px;
    padding-top: 150px;
    width: 30%;
    
}
#connexion a {
    color: darkslategray;
}

#site_title h1 {
    margin-top: 0px;
    font-size: 65px;
    
    letter-spacing:20px;
    text-shadow:
		1px 1px rgba(0,0,0,1),
		2px 2px rgba(0,0,0,1),
		3px 3px rgba(0,0,0,1),
		4px 4px rgba(0,0,0,1),
		5px 5px rgba(0,0,0,1),
		6px 6px rgba(0,0,0,1),
		7px 7px rgba(0,0,0,1),
		8px 8px 20px rgba(0, 0, 0, 1);

}
h1#title{
        margin-top: 0px;
        font-size: 50px;
        line-height: 36px;		
        margin-bottom: 24px;	 
	font-weight: bold;
        padding-top: 30px;
	text-align : center;
        font-family: 'ChunkFiveRoman',Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
	
	letter-spacing:3px;

text-shadow:
		1px 1px rgba(0,0,0,1),
		2px 2px rgba(0,0,0,1),
		3px 3px rgba(0,0,0,1),
		4px 4px rgba(0,0,0,1),
		5px 5px rgba(0,0,0,1),
		6px 6px rgba(0,0,0,1),
		7px 7px rgba(0,0,0,1),
		8px 8px 20px rgba(0, 0, 0, 1);
}
h1#title a {
        color:#aaa;
	color:rgba(255, 255, 255, 0.5);
	border:0;
        font-style: normal;
}

header img {
	border: 0px grey solid;
	float: left;
	height : 100px;
	width : 100px;
        padding-left: 30px;
        padding-top: 100px;
}

nav {
        border-top: 1px  black solid ;
	/*border-left : 2px  black solid ;
        border-right:  2px  black solid ;*/
        border-bottom: 1px  transparent solid;
        padding-top: 20px;
        
	text-align: center;
	
        height: 100%;
}
section{
    
}
article{

    width: 100%;
    padding-top:  30px;
    padding-bottom: 50px;
    
}
nav {
    width: 100%;
}


nav ul {
	border: 0px blue dashed;
}
#footer {
    margin: 10px 400px 10px 400px ;
    
    
}
#footer a {
        color:#aaa;
	color:rgba(255, 255, 255, 0.5);
}
footer{
    
        background: url("../images/header-gradient.png") repeat-x, #8bf;
	position:relative;
        width: 100%;
        
	
	-moz-box-shadow:0px 0px 40px black;
	-webkit-box-shadow:0px 0px 40px black;
	box-shadow:0px 0px 500px black;
	
	border-top:4px solid #7af;
	color:white;
        display: block;
    border-bottom:  2px black solid;
    border-left:  2px black solid;
    border-right:  2px black solid;
    height: 20px;
    border-radius :  0px 0px 32px 32px;
    width: 100%;
    height: 40px;
    margin: 0;
}
nav ul {
    
}

nav ul li {
	border: 0px grey solid ;
	display: inline-block;
	list-style-type : none ;
        margin-left: 50px;
}


#menu {
	border: 0px green solid;
	text-align: center;
}

#menu img {
	border : 8px gray solid ;
	border-radius : 128px 128px 128px 128px ;
        
}

#menu img:hover {
	/*border: 8px red solid;*/
	background-color: grey;
}
#formulaire_edition_eleve {
        
	border : 2px grey solid;
	margin: auto;
	text-align: center;
        background-color: buttontext;
        
        
}
#formulaire_edition_eleve a {
    color : white;
}

#div_photo_eleve {
	border: 1px gray solid;
	width: 150px ;
	height: 200px;
        
}

#autres_elèves{
    float : top;
}
#initial{
    width: 95%;
    margin : 10px 30px 10px 40px;
}
#cont td {
   padding: 20px;
   vertical-align: top;
}

#photo_eleve {
	border: 2px grey solid;
	width: 150px ;
	height: 200px;
}

#formulaire_edition_picto, #formulaire_conf_adulte,formulaire_edition_activité, #formulaire_edition_adulte , #formulaire_edition_pictoo {
	border : 0px pink solid;
	margin: 5px 5px 5px 5px;
	text-align: center;
}
#formulaire_edition_picto th , #formulaire_conf_adulte th ,#formulaire_supp_picto th ,#formulaire_supp_act th ,#formulaire_edition_activ th , #formulaire_edition_adulte th,#formulaire_edition_pictoo th {
    padding : 10px 10px 10px 10px;
}


#photo_adulte {
	border: 2px yellow solid;
	width: 150px ;
	height: 150px;
}



#photo_picto {
	border: 2px yellow solid;
	width: 150px ;
	height: 150px;
}

#formulaire_edition_acti {
	border : 0px pink solid;
	margin: auto;
	text-align: center;
}

#photo_acti {
	border: 2px yellow solid;
	width: 150px ;
	height: 150px;
}


